<template>
  <div class="footer">
    <div style="width:60%;margin: 0 auto; text-align:center; top: 50%;">
      <div style="width:45%; padding: 20px 40px 20px 0; float:left;text-align:right;border-right:1px solid #eee;">
          联系我 : hzk9409@163.com <br>Copyright © 2018 {{author}} {{name}} <br>
        <p style="width:100%; float: left;">为达到好的体验请使用高版本的浏览器浏览</p>
      </div>
      <div style="width:30%; float:left;text-align:left;padding: 20px 0px 20px 40px;">
        <span style="font-size:16px;">友情链接：</span>
        <ul class="friendLink">
          <li v-for="index in 6" :key="index">发收款阿斯</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      author: '破孩子',
      name: '黄治坤'
    }
  },
  created () {
  }
}
</script>

<style scoped>
.friendLink {
  list-style: none;
  padding: 0;
  /* margin-left: 10px; */
  cursor: pointer;
}
.friendLink li{
  float: left;
  margin-left: 25px;
}
.friendLink li:hover {
  text-decoration: underline;
}
.footer{
  padding: 20px 0;
  text-align: center;
  font-size: 12px;
  float: left;
  background: #212121;
  color: #ddd;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  line-height: 3.0em;
}
</style>
